<footer class="p-4 bg-white md:p-8 lg:p-10 dark:bg-gray-800">
  <div class="mx-auto max-w-screen-xl text-center">
    <div class="mb-6 md:mb-0">
      <a href="https://flowbite.com" class="flex items-center">
        <img
          src="https://flowbite.com/docs/images/logo.svg"
          class="mr-3 h-8"
          alt="FlowBite Logo"
        />
        <span class="self-center text-2xl font-semibold whitespace-nowrap dark:text-white"
          >Flowbite</span
        >
      </a>
    </div>
    <p class="my-6 text-gray-500 dark:text-gray-400">
      Open-source library of over 400+ web components and interactive elements built for better web.
    </p>
    <ul class="flex flex-wrap justify-center items-center mb-6 text-gray-900 dark:text-white">
      <li>
        <a href="#" class="mr-4 hover:underline md:mr-6">About</a>
      </li>
      <li>
        <a href="#" class="mr-4 hover:underline md:mr-6">Premium</a>
      </li>
      <li>
        <a href="#" class="mr-4 hover:underline md:mr-6">Campaigns</a>
      </li>
      <li>
        <a href="#" class="mr-4 hover:underline md:mr-6">Blog</a>
      </li>
      <li>
        <a href="#" class="mr-4 hover:underline md:mr-6">Affiliate Program</a>
      </li>
      <li>
        <a href="#" class="mr-4 hover:underline md:mr-6">FAQs</a>
      </li>
      <li>
        <a href="#" class="mr-4 hover:underline md:mr-6">Contact</a>
      </li>
    </ul>
    <span class="text-sm text-gray-500 sm:text-center dark:text-gray-400"
      >© 2021-2022 <a href="#" class="hover:underline">Flowbite™</a>. All Rights Reserved.</span
    >
  </div>
</footer>
